﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="birthdayLove.aspx.cs" Inherits="WebSite.cn.service.birthdayLove" %>
<%@ Register src="/cn/head.ascx" tagname="head" tagprefix="uc1" %>
<%@ Register src="/cn/bottom.ascx" tagname="bottom" tagprefix="uc2" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
         <title><%=WebSite.info.info1("", "shoptitle")%></title>
    <meta name="Description" content="<%=WebSite.info.info1("","shopcontent")%>" /> 
    <meta name="Keywords" content="<%=WebSite.info.info1("","shopkey")%>" />
    <style type="text/css">
   <!--

.htmer_img{
   filter:alpha(opacity=80); /* IE */
   -moz-opacity:0.8; /* Moz + FF */
   opacity:0.8; /* 支持CSS3的浏览器（FF 1.5也支持）*/
}
.htmer_img_none{
}

 .birthday_body{width:100%; background:url(/cn/serviceImages/service_love_bg_01.jpg) 0 0px repeat-x;  }
.card_banner{ width:980px; background:url(/cn/serviceImages/service_love_bg_02.jpg) 0 0px no-repeat;  height:329px; }

.body_01{ width:980px; margin-top:10px; }
.body_01 .left_01{ width:230px;  text-align:left; float:left; padding-right:10px;}
.body_01 .left_01 span{ font-size:11px; color:#666; }

.body_01 .left_02{ width:460px; float:left; text-align:left;}
.body_01 .left_02 .body div{ float:left; }
.body_01 .left_02 .body .text{ float:left; width:280px; padding:5px 10px;  letter-spacing:2px; }
.body_01 .right_01{ width:265px; float:right; border:1px solid #DCDCDC;}
.body_01 .right_01 .title{ text-align:left; }
.body_01 .right_01 .title img{ padding-left:5px; }

.body_02{ width:980px; margin-top:10px; }
.body_02 .left_01{width:700px; border:1px solid #DCDCDC;text-align:left; float:left; }
.body_02 .left_01 li{ line-height:31px; list-style-type:circle;}
.body_02 .left_01 .title{ background:url(/cn/serviceImages/birthday_title_bg.jpg); height:30px; }
.body_02 .left_01 .body .text_01{ width:318px; float:left;  padding:0px 15px;  border-right:1px dotted #DCDCDC; }
.body_02 .left_01 .body .text_02{ width:318px; float:left; padding:0px 15px;}
.body_02 .left_01 .body .time{ float:right; color:#666; }
.body_02 .right_01{ width:260px; float:right;border:1px solid #DCDCDC; text-align:left; padding-left:5px; }
.body_02 .right_01 .title{ background:url(/cn/serviceImages/birthday_title_bg.jpg); height:30px;}
.body_02 .right_01 ul{ padding-left:20px; }
.body_02 .right_01 li{ line-height:30px; list-style-type:decimal; border-bottom:1px dotted #DCDCDC; }
.body_02 .right_01 .time{ float:right; padding-right:5px; color:#666;}

.body_03{ width:980px; margin-top:10px;}
.body_03 .title{ width:100%; text-align:left; margin-bottom:10px; }
.body_03 .body{ width:100%; text-align:left; }

.body_04{ width:980px; margin-top:10px;}
.body_04 .title{ width:100%; text-align:left; margin-bottom:10px; }
.body_04 .body{ width:100%; text-align:left; }
.body_04 .body img{ height:60px; padding:5px 5px; margin:0 5px; border:1px solid #DCDCDC; }

.text_input{float:left; margin:5px 0 0 40px; text-align:left;}
-->
</style>


</head>
<body>
    <form id="form1" runat="server">
     <uc1:head ID="head1" runat="server" />                                                    
     <center>
    <div class="birthday_body" style="margin-top:1px;" >  
    <div class="card_banner"></div>
    <div class="body_01">
       <div class="left_01">
          <div class="title"><img src="/cn/serviceImages/birthday_title_01.jpg" alt="" /> </div>
          <div class="body">
             
             <a href="/cn/hotpro.aspx?terms=10">    <img src="/cn/serviceImages/birthday_pic_01.jpg" onmouseover="this.className='htmer_img'" onmouseout="this.className='htmer_img_none'" alt="" /></a>
                <span> 点击显示套餐产品</span>
          </div>
       </div>
       <div class="left_02">
            <div class="title"><img src="/cn/serviceImages/birthday_title_02.jpg" alt="" /> </div>
          <div class="body">
               <div>  <img src="/cn/serviceImages/birthday_pic_02.jpg" alt="" /> </div>
              <div class="text">   传统的员工生日福利，只能收到企业赠送的糕点券卡券或礼品.如今，平台首次让员工拥有了自主选择购
买生日礼物的特权。  </div>
          </div>
       </div>
       <div class="right_01">
           <div class="title"><img src="/cn/serviceImages/birthday_title_08.jpg" alt="" /></div>
            <div class="body">
               <div class="text_input">
                  卡号：<input type="text"  id="txtCardCodeIndex"  maxlength="50" style="width:120px" />
                  <span id="spCardCodeIndex"></span>
                </div>
                <div  class="text_input">
                  密码：<input type="password" id="txtCardPwdIndex"   maxlength="50" style="width:120px"   />
                <span id="spCardPwdIndex"></span>
                </div>
                <div  class="text_input">
                  验证码：<input type="text" id="txtValidateCodeIndex"  maxlength="6" style="width:40px"   />
                  <img id="imgCheckCodeIndex" src="/admin/checkCode.aspx"  style="border:0;"  alt="看不清楚,换一张" width="65px" onclick="this.src = this.src + '?' + new Date().getTime();" class="imgCode" />
                <span id="spValidateCodeIndex"></span>
                </div>
                <div   class="text_input"  >
                   <img  onclick="fudianExchange();" src="/cn/images/card-button.png" alt="" style="cursor:pointer;"  />
                </div>
            </div>
        
       </div>
    </div>
    <div class="clear"></div>

       <div class="body_02">
          <div class="left_01">
                <div class="title"><img src="/cn/serviceImages/birthday_title_03.jpg" alt="" /> </div>
                 <div class="body">
                    <div class="text_01">
                     <ul>
                         <%= SbLeftBody01 %> 
                     </ul>
                    </div>
                    <div class="text_02">
                     <ul>
                      <%= SbLeftBody02 %> 
                     </ul>
                     </div>
                </div>
          </div>
          <div class="right_01">
              <div class="title"><img src="/cn/serviceImages/birthday_title_07.jpg" alt="" /></div>
              <div class="body"> 
                  <ul>
                         <% Response.Write(GetHotArticleList()); %> 
                     </ul>
              
               </div>
            </div> 
       </div>
       <div class="clear"></div>

        <div class="body_03">
        <div class="title"><img src="/cn/serviceImages/birthday_title_04.jpg" alt="" /></div>
        <div class="body"> 
            <img src="/cn/serviceImages/birthday_pic_03.jpg" alt="" />
        </div>
        </div>
       <div class="clear"></div>


        <div class="body_04">
        <div class="title"><img src="/cn/serviceImages/birthday_title_05.jpg" alt="" /></div>
        <div class="body"> 
            <img src="/uploadfile/product/634993727071807710_2.jpg" alt="" />
            <img src="/uploadfile/product/634993727071807710_2.jpg" alt="" />
            <img src="/uploadfile/product/634993727071807710_2.jpg" alt="" />
            <img src="/uploadfile/product/634993727071807710_2.jpg" alt="" />
            <img src="/uploadfile/product/634993727071807710_2.jpg" alt="" />
            <img src="/uploadfile/product/634993727071807710_2.jpg" alt="" />
            <img src="/uploadfile/product/634993727071807710_2.jpg" alt="" />
            <img src="/uploadfile/product/634993727071807710_2.jpg" alt="" />

        </div>
        </div>
       <div class="clear"></div>
 

    </div>
    </center>
   <uc2:bottom ID="bottom1" runat="server" /> 

    </form>

</body>
</html>

 <link href="/cn/css/idialog.css" type="text/css" rel="stylesheet" />
  <script type="text/javascript" src="/js/artDialog.js"></script>
<script type="text/javascript" src="/js/iframeTools.source.js"></script>
<script type="text/javascript" src="/js/art_dialog.js"></script>
  <script language="javascript" type="text/javascript">


      function fudianExchange() {


          if ($("#txtCardCodeIndex").val() == "") {
              $("#txtCardCodeIndex").select();
              $("#spCardCodeIndex").html("<img src=\"/cn/images/wrong.gif\" />");
              return false;
          }   else {
              $("#spCardCodeIndex").html("<img src=\"/cn/images/right.gif\" />");
          }
           if ($("#txtCardPwdIndex").val() == "") {
              $("#txtCardPwdIndex").select();
              $("#spCardPwdIndex").html("<img src=\"/cn/images/wrong.gif\" />");
              return false;
          }  else {
              $("#spCardPwdIndex").html("<img src=\"/cn/images/right.gif\" />");
          }
           if ($("#txtValidateCodeIndex").val() == "") {
              $("#txtValidateCodeIndex").select();
              $("#spValidateCodeIndex").html("<img src=\"/cn/images/wrong.gif\" />");
              $("#imgCheckCodeIndex").attr("src", '/admin/checkCode.aspx?' + new Date().getTime());
              return false;
          } else {
              $("#imgCheckCodeIndex").html("<img src=\"/cn/images/right.gif\" />");
          }
          $.ajax({
              type: "POST",
              url: "/cardAddHandler.ashx",
              data: "cardCode=" + escape($("#txtCardCodeIndex").val()) + "&cardPwd=" + escape($("#txtCardPwdIndex").val()) + "&code=" + escape($("#txtValidateCodeIndex").val()),
              success: function (msg) {

                  if (msg == "-1") {
                      window.open('login.aspx', '_self');

                  }
                  else if (msg == "0") {
                      $("#txtValidateCodeIndex").select();
                      $("#spValidateCodeIndex").html("<img src=\"/cn/images/wrong.gif\" /> 验证码错误！");
                      $("#spCardCodeIndex").html("<img src=\"/cn/images/right.gif\"/>");
                      $("#imgCheckCodeIndex").attr("src", "/admin/checkCode.aspx?id=" + parseInt(10000 * Math.random()));
                  }
                  else if (msg == "1") {
                      $("#txtCardCodeIndex").select();
                      $("#spCardCodeIndex").html("<img src=\"/cn/images/wrong.gif\" /> 卡券号不存在！");
                      $("#spVlidateCodeIndex").html("<img src=\"/cn/images/right.gif\"/>");
                  }
                  else if (msg == "2") {
                      $("#txtCardPwdIndex").select();
                      $("#spCardPwdIndex").html("<img src=\"/cn/images/wrong.gif\" /> 卡券号或密码错误！");
                      $("#spCardCodeIndex").html("<img src=\"/cn/images/right.gif\"/>");
                      $("#spVlidateCodeIndex").html("<img src=\"/cn/images/right.gif\"/>");
                      $("#imgCheckCodeIndex").attr("src", "/admin/checkCode.aspx?id=" + parseInt(10000 * Math.random()));
                  }
                  else if (msg == "6") {
                      $("#txtCardCodeIndex").select();
                      $("#spCardCodeIndex").html("<img src=\"/cn/images/wrong.gif\" /> 该卡号已被使用！");
                      $("#spCardPwdIndex").html("<img src=\"/cn/images/right.gif\"/>");
                      $("#spVlidateCodeIndex").html("<img src=\"/cn/images/right.gif\"/>");
                  }
                  else if (msg == "3") {
                      $("#txtCardCodeIndex").select();
                      $("#spCardCodeIndex").html("<img src=\"/cn/images/wrong.gif\" /> 该卡号有异常，请与客服联系！");
                      $("#spCardPwdIndex").html("<img src=\"/cn/images/right.gif\"/>");
                      $("#spVlidateCodeIndex").html("<img src=\"/cn/images/right.gif\"/>");
                  }
                  else if (msg == "4") {
                      $("#txtCardCodeIndex").select();
                      $("#spCardCodeIndex").html("<img src=\"/cn/images/wrong.gif\" /> 只能添加同类型的卡券，如果不是同类型的卡券，请分批充值！");
                      $("#spCardPwdIndex").html("<img src=\"/cn/images/right.gif\"/>");
                      $("#spVlidateCodeIndex").html("<img src=\"/cn/images/right.gif\"/>");
                  }
                  else if (msg == "104") {
                      art.dialog.tips("提示：您使用的卡，暂无法下单,如需预约配送请与客服联系：400-052-5757！", 100.0);
                  }

                  else if (msg == "105") {

                      art.dialog.tips("提示：您使用的通用类型的卡，必须要登录后充值到您的账户然后使用，如没有账户请先注册，谢谢！", 5.0);
                      //TB_show(null, "/cn/login.aspx?TB_iframe=true&height=370&width=640", false);
                  } else if (msg == "106") {

                      art.dialog.tips("提示：您使用的通用类型的卡，请到【我的福袋】里充值后使用！", 5.0);
                      window.location.href = '/cn/userInfo.aspx';
                  }

                  else if (msg == "5") {
                      art.dialog.tips("恭喜您，充值成功！您可以直接选择页面中所兑换商品！", 5.0);
                      window.location.href = '/cn/exchangeGoods.aspx';
                  }

              }
          });
          return false;
      }


</script>
